<template>
    <div class="comment-details column">
        <h1>深藏于心的那份青涩</h1>
        <div class="row img-row">
            <img src="../assets/img/tx.jpg"
                alt>
            <span class="name">男神的炎迪迪</span>
            <p>评论</p>
            <a href="javascript:void(0);">初恋这件小事</a>
            <el-rate :allow-half="true"
                v-model="value"
                disabled></el-rate>
            <span>{{date}}</span>
        </div>
        <div class="tip">这篇影评可能有剧透</div>
        <div class="content">
            <p>学长他就像我生命中的灵感，他让我了解爱的积极意义，他就像是让我一直前进的动力，</p>
            <p>其实这部在内地12年上映的泰国校园爱情小清新电影，每次想到学生时期的那份纯纯爱恋，总是会把它再刷一遍，遍遍的感触都不同，就像那个她永远在我心裡，但却越来越模糊。</p>
            <p>校园+淡淡初恋+死党哥们阋牆+闺密吃醋吵架闹彆扭+成长后回忆的淡淡哀伤与遗憾大致上总结</p>
            <p>故事在惯有的校园学长学妹暗恋开始，小水喜欢同校的那个转学生学长阿亮，她爱偷偷在角落看著他踢足球，为了他去选军乐队指挥，参与话剧演出，去报名舞蹈社团，那麽努力的改变自己只为君，中间参杂的学长阿拓闯入让阿亮忍痛退出，其实我们的记忆中或许也曾经历这样的事情，就像歌神张学友与郑中基唱的那首左右为难，一边是友情一边是爱情，如果是您，该怎麽选? 阿亮选了默默退出成全好基友与小水，这是一种属于男人间的友谊。</p>
            <p>一直以来泰国爱情电影一直都习惯的走向于暖心，并多少会添上一些些的励志色彩，就像下一站说爱你一样的模式，本片也是用了丑小鸭变天鹅模式，终赢得王子的青睐，但是爱情其实最美妙的部分就是，爱在暧昧不明时最美丽，不知道心中那个中意的他(她)是否也有同样的心情? 其实阿亮学长早就喜欢上了小水的真实与不造作的可爱，但是爱情最残酷的地方就是在不对的时间点遇上对的人，分离就成了爱情电影虐心的一个很重要手段，男女主角必须得分离，不然后面就无法营造出久别重逢的那份无与伦比的美丽。</p>
            <p>片中一些绿叶角色的发挥一样让本片增添不少分数，英语老师的搞笑作死，小水闺密们的各种逗比行为，一点一滴的让观众甚至忘了这是一部爱情电影，可能也是部喜剧呢?</p>
            <p>片中的许多小场景，话剧社裡王子与灰姑娘的排演，小水与阿拓阿亮学长去旅行的风景，小水对阿亮学长表白的那幕，那些对白再平凡不过，甚至你我都曾经说出口过，但藉由片中主人翁的演绎方式表现出来，总是那麽的温暖与撼动著我。</p>
            <p>如果青春期的爱恋故事注定要在悔恨中各自疗癒成长，那麽也愿这种唤作成熟必经之路的过往曾经能让我们都变成更优秀的人，各自在不同的地方默默等待著上天的安排，让更适合我们的人出现，在这之前我们能做的就只是等待，然后.....想办法变得更好!</p>
            <p>诚如小水在剧中所说的，在我们每一个人的内心深处，都藏著一个人，每次想起他的时候，会觉得有一点点心痛，但我们依然愿意把他留在心底，就算今天，我们不知道他在那里，他在做些甚麽，但至少知道，是他让我们了解，甚麽是初恋这件小事!</p>
        </div>
        <div class="warning row">
            <a href="javascript:void(0);">举报</a>
        </div>
        <div class="main-author">
            <span>来自JJApp</span>
        </div>
        <div class="row-center btn-list">
            <button>有用 101</button>
            <button>没用 23</button>
        </div>
    </div>
</template>
<script>
export default {
    name: "comment-details",
    data() {
        return {
            value: 5,
            date: new Date()
        }
    }
}
</script>

<style lang="less" scoped>
    .comment-details {
        font-size: 13px;
        h1 {
            margin-top: 50px;
            padding-bottom: 18px;
        }
        img {
            width: 24px;
            height: 24px;
        }
        .name {
            padding-left: 5px;
            padding-right: 5px;
            color: #27a;
            &:hover {
                color: #fff;
                background-color: #27a;
            }
        }
        a {
            color: #669;
            text-decoration: none;
            cursor: pointer;
            &:hover {
                color: #fff;
                background-color: #27a;
            }
        }
        span {
            margin: 0 0 0 5px;
            color: #999;
        }
        p {
            margin: 0 0 0 5px;
            color: #999;
            padding-right: 5px;
        }
        .tip {
            margin-top: 20px;
            padding-left: 10px;
            border-left: 2px solid #dfdfdf;
            color: #999;
        }
        .content {
            margin-top: 10px;
            p {
                margin: 0 0 20px 0;
                line-height: 1.8;
                font-size: 1em;
                color: #111;
                font-family: Arial, Helvetica, sans-serif;
                word-wrap: break-word;
                white-space: pre-wrap;
            }
        }
        .warning {
            justify-content: flex-end;
        }
        .btn-list {
            margin-bottom: 80px;
            margin-top: 80px;
            button {
                width: 75px;
                height: 28px;
                border: lightgray 1px solid;
                margin-left: 30px;
                background: #fff;
                &:hover {
                    background: #e5e5e5;
                }
            }
        }
    }
</style>
